<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>动漫评分管理系统-主界面</title>
</head>
<%@include file="/pages/common/head.jsp"%>
<link rel="stylesheet" href="static/css/mainMenu.css">
<style>
    .errMsg{
        color: #000;
        text-align: center;
        font-weight: 600;
        padding-left: 44%;
        line-height:30px ;
    }
    .InfoWrap button{
        hegiht:24px;
        width: 20%;
        margin-left: 20px;
        margin-bottom: 15px;
        border-radius: 10%;
    }
</style>

<body>

<div class="navigation">
    <text>动漫评分管理系统</text>
    <form class="searchbutton" action="AnimeServlet" method="post">
        <input type="hidden" name="action" value="nameSearch">
        <input type="text" name="animeName" placeholder="搜索从这里开始..." value="">
        <button type="submit"></button>
    </form>
</div>
</div>
<div class="container">
    <img src="https://pic.imgdb.cn/item/62a353ad09475431298bec6a.jpg" >
    <img src="https://pic.imgdb.cn/item/62a353d409475431298c2eaa.jpg" >
    <img src="https://pic.imgdb.cn/item/62a353d609475431298c3359.jpg" >
</div>
<div class="wrap_line">
    <span class="errMsg"><%=request.getAttribute("ratFeedback")==null?"动漫管理系统欢迎你":request.getAttribute("ratFeedback")%></span>
</div>
<div class="operation">
    <div class="operation_menu">
        <span class="menu_button">评分</span>
        <div class="input ">
            <form action="UserServlet" method="post">
                <input type="hidden" name="action" value="rate">
                <table>
                    <tr>
                        <td>ANIME:</td>
                        <td> <input type="text" name="anime_id" placeholder="请输入动漫id" ></td>
                    </tr>
                    <tr>
                        <td>RATING:</td>
                        <td><input type="text" placeholder="请输入评分" name="rating"></td>
                    </tr>
                </table>
                <button>评分</button>
            </form>
            <form class="InfoWrap" action="UserServlet" method="post">
                <input type="hidden" name="action" value="doInfo">
                <button>我的</button>
            </form>
        </div>
    </div>

    <div class="category">
        <div class="line">
            <span class="title">Genre</span>
            <a href="AnimeServlet?action=genreSearch&genreType=Action" class="item">Action</a>
            <a href="AnimeServlet?action=genreSearch&genreType=Adventure" class="item">Adventure</a>
            <a href="AnimeServlet?action=genreSearch&genreType=Comedy" class="item">Comedy</a>
            <a href="AnimeServlet?action=genreSearch&genreType=Drama" class="item">Drama</a>
            <a href="AnimeServlet?action=genreSearch&genreType=Fantasy" class="item">Fantasy</a>
            <a href="AnimeServlet?action=genreSearch&genreType=Game" class="item">Game</a>
            <a href="AnimeServlet?action=genreSearch&genreType=Hentai" class="item">Hentai</a>
            <a href="AnimeServlet?action=genreSearch&genreType=Historical" class="item">Historical</a>
            <a href="AnimeServlet?action=genreSearch&genreType=Magic" class="item">Magic</a> </br>
            <a href="AnimeServlet?action=genreSearch&genreType=Military" class="item">Military</a>
            <a href="AnimeServlet?action=genreSearch&genreType=Mystery" class="item">Mystery</a>
            <a href="AnimeServlet?action=genreSearch&genreType=Romance" class="item">Romance</a>
            <a href="AnimeServlet?action=genreSearch&genreType=Sci-Fi" class="item">Sci-Fi</a>
            <a href="AnimeServlet?action=genreSearch&genreType=School" class="item">School</a>
            <a href="AnimeServlet?action=genreSearch&genreType=Sport" class="item">Sport</a>
        </div>
        <div class="line">
            <span class="title">Type</span>
            <a href="AnimeServlet?action=typeSearch&typeType=Movie" class="item">Movie</a>
            <a href="AnimeServlet?action=typeSearch&typeType=Music" class="item">Music</a>
            <a href="AnimeServlet?action=typeSearch&typeType=ONA" class="item">ONA</a>
            <a href="AnimeServlet?action=typeSearch&typeType=OVA" class="item">OVA</a>
            <a href="AnimeServlet?action=typeSearch&typeType=Special" class="item">Special</a>
            <a href="AnimeServlet?action=typeSearch&typeType=TV" class="item">TV</a>
        </div>
        <div class="recommendation">
            <div class="textbox">
                <text class="t_head">还没找到喜欢的动漫，试试</text>
                <a href="UserServlet?action=recommendation">推荐</a>
                <text>吧</text>
            </div>
    </div>
    </div>
</div>
</body>
</html>